// pages/login/login.js
import request from '../../utils/request';
Page({

  /**
   * 页面的初始数据
   */
  data: {
    phone: '', //手机号
    password: '', //用户密码
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },
  //表单项的内容发生改变时产生的回调
  handleinput(event){
    // console.log(event);
    //收集表单项的数据
    let type = event.currentTarget.id;  //type的取值有种 phone password
    this.setData({
      [type]: event.detail.value
    })
  },
//登录的回调
  async login(){
    //1. 收集表单项的数据
    let {phone, password} = this.data;
    //2, 前端验证
    /**手机号验证场景
     * 1. 表单项为空，手机号格式不正确，手机号格式正确
     */
    //手机号是否为空的验证
    if(!phone)
    {
      wx.showToast({
        title: '手机号不能为空',
        duration:1000,
        icon: 'none'
      })
      return;
    }
    //验证手机号的格式
    // let phoneReg = /^1(3|4|5|6|7|8|9)\d{9}$/;
    // if(phoneReg.test(phone))
    // {     
    //       wx.showToast({
    //       title: '手机号格式不正确',
    //       duration:1000,
    //       icon: 'none'
    //    })
    //    return;
    // }
    //验证密码不能为空
    if(!password)
    {
      wx.showToast({
        title: '密码不能为空',
        duration:1000,
        icon: 'none'
      })
      return;
    }

    // wx.showToast({
    //   title: '前端验证通过',
    // })

   
   
    //后端验证(网络请求)
    let result = await request('/login/cellphone',{phone, password, isLogin:true})

    if(result.code === 200){
      //登录成功
      wx.showToast({
        title: '登录成功',
      })
      // console.log(result);
      //将用户信息存储到本地
      wx.setStorageSync('userinfo', JSON.stringify(result.profile))
      //跳转到我的页面
      wx.reLaunch({
        url: '/pages/profile/profile',
      })

    }else if(result.code === 400)
    {
      wx.showToast({
        title: '手机号错误',
        icon:'none'
      })
    }else if(result.code === 502)
    {
      wx.showToast({
        title: '密码错误',
        icon:'none'
      })
    }else{
      wx.showToast({
        title: '登录失败，请重新登录',
        icon: 'none'
      })
    }

  },



  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})